<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<style>
.li_dept {
    height: 40px;
    line-height: 40px;
    list-style: none;
    background-image: url(imgs/modify_time.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position-y: 50%;
    margin: 0px 10px 0px 0px;
    width: 40%;
    float: left;
    border-right: 1px dashed rgb(207, 207, 209);
    padding-right: 10px;
    background-image: url(public/images/publish_exce.png);
    background-repeat: no-repeat;
}
</style>
<div class="easyui-layout" fit="true">
	<!--内容-->
	<div data-options="region:'center'" border="false">
	<h1>学习阶段</h1>
		<div class="div_normal">
    	本模块为您提供了非常强大的试题功能，支持选择题、判断题、编程与问答题等题型，更重要的是，为您提供了体验良好的试题编辑功能。
  	 	 </div>
<!-- 	<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'" style="margin-top: 10px;margin-left: 14px;">添加阶段</a>
 -->		<div style="margin:20px 0 10px 0;"></div>
	<div class="easyui-accordion fs" style="width:97.5%;height:80%;">
		<div title="阶段列表" border="false" fit="true" data-options="split:false,collapsible:false,iconCls:'icon-ok',
				selected:true,
				tools:[{
					iconCls:'icon-add',
					handler:function(){
						addoutline(null);
						function addoutline(id){
		// 创建窗口
		var dialog = $('<div/>').dialog({
			href :'classes/addoutline'+ (id ? ('/' + id) : ''),
			title : '添加阶段',
			height : 160,
			width : 370,
			modal : true,
			onClose : function() {
				// 窗口关闭的同时销毁此窗口
				$(this).dialog('destroy');
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '提交',
				align : 'center',
				handler : function() {
					// 获取到表单对象
					var classForm = $('#classForm');
					// 校验表单
					if (classForm.form('validate')) {
						// serialize方法可以获取到表单所有数据
						$.post('classes/saveoutline', classForm.serialize(), function(rs) {
							if (rs.success) {
								//刷新界面
								var tab=$('#tabs').tabs('getSelected');;
								tab.panel('refresh');
								//关闭窗口
								dialog.dialog('close');
							} else {
								$.messager.alert('提示', rs.message);
							}
						});
					}
				}
			},{
				iconCls : 'icon-undo',
				text : '取消',
				handler : function(){
					//关闭窗口
					dialog.dialog('close');
				}
			}
			]
		});
	}
			
					}
				}]" style="overflow:auto;padding:10px;padding-left: 80px">
			<ul id="menu-chapter">
				<c:forEach items="${dg}" var="out">
					<li class="li_dept">
					<input type="hidden" class = "id" value="${out.id}" />
					<a href="#" class="chapter">${out.name}</a>
						<span class="two" style="padding-top: 0px;">
							<input type="hidden" class = "id" value="${out.id}" />
		  					<a  href="#" class="easyui-linkbutton btn-edit" data-options="iconCls:'icon-edit'">编辑</a>
		  					<input type="hidden" class = "id" value="${out.id}" />
		  					<a  href="#" class="easyui-linkbutton btn-delete" data-options="iconCls:'icon-cut'">删除</a>
		  				</span>
					</li>    
				</c:forEach>
			</ul>
		</div>
	</div>
	</div>
</div>
<script src="public/js/outline.js"></script>

